<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>京东搜索页面</title>
		<style>
			.text input{
				width: 100px;
				height: 50px;
			
			}
		</style>
	</head>
	<body>
		<fieldset>
			<legend>信息表</legend>
			<form action="#" method="post">
			<p class="text">用户名：<input type="text" name="text" placeholder="用户名"/></p>
			<p>密码：<input type="password" name="password" placeholder="密码" /></p>
			<!--
            	作者：offline
            	时间：2018-11-12
            	描述：单选按钮
            -->
			<p>
				性别：<input type="radio" name="sex" value="男" checked="checked"/>男<input type="radio" name="sex" value="女"/>女
			</p>
			<!--
            	作者：offline
            	时间：2018-11-12
            	描述：爱好复选框
            -->
			<p>
				爱好：<input type="checkbox" name="hobbies" value="运动"/>运动
				<input type="checkbox" name="hobbies" value="看书" />看书
				<input type="checkbox" name="hobbies" value="看电影" />看电影
			</p> 
			<!--
            	作者：offline
            	时间：2018-11-12
            	描述：下拉框
            -->
			<p>
				星期：
				<select name="day">
					<option value="1">星期一</option>
					<option value="2">星期二</option>
					<option value="3">星期三</option>
					<option value="4">星期四</option>
					<option value="5">星期五</option>
					<option value="6">星期六</option>
					<option value="7">星期日</option>
				</select>
			</p>
			
			<p>
				<textarea cols="50" rows="10">我名字是张三........</textarea>
			</p>
			<p>
				<input type="file" />
			</p>
			
			<p>
				<input type="button" value="按钮"/>
			</p>
			<p>
				<input type="submit" />
				
			</p>
			<p>
				<input type="reset" />
			</p>
		</form>
		</fieldset>
		
	</body>
</html>
